<%-- 
    Document   : GenerarRecibo
    Created on : 08-25-2012, 01:41:02 PM
    Author     : Alex
--%>

<%@include file="/include/header.jsp" %>

<style>
    divGastos {width: 800px; margin:0 auto;}
    fieldset {
        border:1px solid #5C9AD7;
        width: 810px;
        margin:0 auto;
    }
    
    legend {
        padding: 0.2em 0.5em;
        border: 1px solid #5C9AD7;
        color: #366998;
        font-size: 14px;
        font-weight: bold;
        text-align: right;    
    }
</style>

<script type="text/javascript">
    function entregarEfectivo(idG){
        var url = "./Recibos.jsa?cmd=EmitirRecGastoGral&idGasto="+idG;
        window.location.href = url;
    }
    
    function entregarEfectivoProy(idG){
        var url = "./Recibos.jsa?cmd=EmitirRecGastoProy&idGasto="+idG;
        window.location.href = url;
    }
    
    function entregarEfectivoPDFProy(idG) {
        var url = "./Recibos.jsa?cmd=EmitirRecGastoProyPDF&idGasto="+idG;
        window.open(url, "recWin", "HEIGHT=500, WIDTH=580, MODAL=YES, scrollBars=YES");
    }
    
    function entregarEfectivoPDF(idG) {
        var url = "./Recibos.jsa?cmd=EmitirRecGastoGralPDF&idGasto="+idG;
        window.open(url, "recWin", "HEIGHT=500, WIDTH=580, MODAL=YES, scrollBars=YES");
    }
    
    function verBeneficiados(idG) {
        var url = "./Recibos.jsa?cmd=initViewBenef&idG="+idG;
        window.open(url, "gastoWin", "HEIGHT=600, WIDTH=575, MODAL=YES, scrollBars=YES");
    }
    
</script>

<div class="content">
    <html:form styleId="recibosForm" action="/Recibos">
        <html:hidden property="cmd" value="init" />
        <html:hidden property="idGasto" value="0" />
    </html:form>
    <fieldset><legend>Emitir Recibos</legend>
    <div class="divGastos">
        <!-- GASTOS EN ESTADO REGISTRADO -->
        <logic:present name="gastosDataReg" scope="request">
            <div class="ui-widget-content ui-corner-all" style="width: 800px">
                <table class="tablePres">
                    <caption class="titleSeg">Entregar efectivo de gastos generales</caption>
                    <tr>
                        <td>
                            <display:table pagesize="10" name="gastosDataReg" requestURI="" class="results" style="width:90%;" id="results">
                                <display:column property="idGasto" title="" style="text-align:center;" decorator="com.uca.sisbec.decorators.EntregaGastoDecorator" sortable="true"/>
                                <display:column property="idGasto" title="" style="text-align:center;" decorator="com.uca.sisbec.decorators.EntregaGastoPDFDecorator" sortable="true"/>
                                <display:column property="idGasto" title="No." style="text-align:center;" sortable="true"/>
                                <display:column property="monto" title="Monto" style="text-align:left;" sortable="true" />
                                <display:column property="concepto" title="Concepto" style="text-align:left" sortable="true" />
                                <display:column property="fechaReg" title="Registrado" style="text-align:left;" sortable="true" />
                                <display:column property="cantidadBecBenef" title="Beneficiados" style="text-align:center;" sortable="true" />
                                <display:column property="idGasto" style="text-align:center;" title="Ver beneficiados" decorator="com.uca.sisbec.decorators.BeneficiadosDecorator" sortable="true"/>
                            </display:table>
                            <script>
                                var table = document.getElementById("results");
                                var rows = table.getElementsByTagName("tr");
                                for (var i = 1; i < rows.length; i++) {
                                    rows[i].onmouseover = function() {
                                        this.className += ' hilite';
                                    }
                                    rows[i].onmouseout = function() {
                                        this.className = this.className.replace(' hilite', '');
                                    }
                                }
                            </script>
                        </td>
                    </tr>
                </table>
            </div>
        </logic:present>
        <!-- ************************** -->
        <br />
        <!-- GASTOS PROYECTO EN ESTADO REGISTRADO -->
        <logic:present name="gastosProyDataReg" scope="request">
            <div class="ui-widget-content ui-corner-all" style="width: 800px">
                <table class="tablePres">
                    <caption class="titleSeg">Entregar efectivo de gastos de proyectos</caption>
                    <tr>
                        <td>
                            <display:table pagesize="10" name="gastosProyDataReg" requestURI="" class="results" style="width:90%;" id="results4">
                                <display:column property="idGastosProyecto" title="" style="text-align:center;" decorator="com.uca.sisbec.decorators.EntregaGastoProyDecorator" sortable="true"/>
                                <display:column property="idGastosProyecto" title="" style="text-align:center;" decorator="com.uca.sisbec.decorators.EntregaGastoProyPDFDecorator" sortable="true"/>
                                <display:column property="idGastosProyecto" title="No." style="text-align:center;" sortable="true"/>
                                <display:column property="monto" title="Monto" style="text-align:left;" sortable="true" />
                                <display:column property="concepto" title="Concepto" style="text-align:left" sortable="true" />
                                <display:column property="fechaReg" title="Registrado" style="text-align:left;" sortable="true" />
                                <display:column property="nomCompletoProy" title="Proyecto" style="text-align:left;" sortable="true" />
                            </display:table>
                            <script>
                                var table = document.getElementById("results4");
                                var rows = table.getElementsByTagName("tr");
                                for (var i = 1; i < rows.length; i++) {
                                    rows[i].onmouseover = function() {
                                        this.className += ' hilite';
                                    }
                                    rows[i].onmouseout = function() {
                                        this.className = this.className.replace(' hilite', '');
                                    }
                                }
                            </script>
                        </td>
                    </tr>
                </table>
            </div>
        </logic:present>
        <!-- ************************** -->
    </div>
    </fieldset>
    <br />
</div>

<%@include file="/include/footer.jsp" %>